<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telephone=no" name="format-detection">
    <title>投票平台</title>
    <link href="http://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="//res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css"/>
    
    <link rel="stylesheet" type="text/css" href="__CSS__/activity.css?{:rand()}"/>
    
    <script>
    </script>
</head>
<body>

<div class="container" id="container">
    
    
    <div id="notice" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-dialog__hd"><strong class="weui-dialog__title">弹窗标题</strong></div>
            <div class="weui-dialog__bd">弹窗内容，告知当前页面信息等</div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">确定</a>
            </div>
        </div>
    </div>
    <div id="vote-dialog" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-dialog__hd"><strong class="weui-dialog__title">确定要投票吗？</strong></div>
            <div class="weui-dialog__bd">{$vote.dialog}</div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default vote-no">取消</a>
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary vote-yes">确认</a>
            </div>
        </div>
    </div>
    <div id="toast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-success-no-circle weui-icon_toast"></i>
            <p class="weui-toast__content">已完成</p>
        </div>
    </div>
    <div id="loadingToast" style="display:none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-loading weui-icon_toast"></i>
            <p class="weui-toast__content">数据加载中</p>
        </div>
    </div>
</div>
<script src="http://cdn.staticfile.org/jquery/3.2.1/jquery.min.js" type="application/javascript"></script>
<script>
    $(function(){
        // 通知框
        $("#notice").find(".weui-dialog__btn").on("click", function(){
            $("#notice").hide();
        });
        notice({title:'抱歉',body:'请用微信打开'});
        function notice(data){
            var notice = $("#notice");
            notice.find(".weui-dialog__title").html(data.title);
            notice.find(".weui-dialog__bd").html(data.body);
            notice.show();
        }
    });
</script>
</body>
</html>